<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:php="http://php.net/xsl" xmlns="http://www.w3.org/1999/xhtml">
	<xsl:template name="Index">
		<div id="panel_projects" class="panel">
			<xsl:for-each select="//View/nav_projects/project">
				<div class="content project" id="home_project_{project_id}"></div>
			</xsl:for-each>
		</div>

		<div id="panel_home" class="panel">
			<div class="content current" id="home_index">
				<div id="in_progress" class="sls_resize_container">
					<div class="items">
						<xsl:for-each select="//View/home_slider/home_slider_item">
							<div class="item">
								<xsl:if test="position() = 1">
									<xsl:attribute name="class">item selected</xsl:attribute>
								</xsl:if>
								<img class="sls_resize_visual" src="{home_slider_img}" alt="" width="1920" height="500"/>
							</div>
						</xsl:for-each>
					</div>
					<div class="controls">
						<div class="arrow previous"></div>
						<div class="middle">
							<div class="highlights">
								<xsl:for-each select="//View/home_slider/home_slider_item">
								<div class="highlight">
									<xsl:if test="position() = 1">
										<xsl:attribute name="class">highlight selected</xsl:attribute>
									</xsl:if>
									<div class="progress"><xsl:value-of select="home_slider_title_more" /></div>
									<div class="text"><xsl:value-of select="home_slider_title" /></div>
								</div>
								</xsl:for-each>
							</div>
							<div class="bullets">
								<xsl:for-each select="//View/home_slider/home_slider_item">
									<div class="bullet">
										<xsl:if test="position() = 1">
											<xsl:attribute name="class">bullet selected</xsl:attribute>
										</xsl:if>
									</div>
								</xsl:for-each>
							</div>
						</div>
						<div class="arrow next"></div>
					</div>
				</div>

				<div id="home_edito" class="edito">
					<div class="text">|||sls:lang:HOME_EDITO|||</div>
					<a href="" title="" class="scroll_section" rel="projects">|||sls:lang:HOME_DISCOVER_WORK|||</a>
				</div>

				<div id="projects">
					<h1>Projets</h1>

					<xsl:for-each select="//View/projects/project">
						<div class="project">
							<xsl:choose>
								<xsl:when test="position() mod 2 = 1">
									<div class="description">
										<table>
											<tr>
												<td>
													<h2><xsl:value-of select="project_name" /></h2>
													<a href="{project_url}" title="" class="scroll_panel" rel="home_project_{project_id}">|||sls:lang:HOME_VIEW_PROJECT|||</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="preview sls_resize_container">
										<div class="desktop">
											<a href="{project_url}" title="" class="scroll_panel" rel="home_project_{project_id}">
												<img class="sls_resize_visual" src="{project_home_desktop_img}" width="960" height="240" alt="" />
											</a>
										</div>
										<div class="tablet">
											<a href="{project_url}" title="" class="scroll_panel" rel="home_project_{project_id}">
												<img class="sls_resize_visual" src="{project_home_desktop_img}" alt="" width="800" height="240" />
											</a>
										</div>
									</div>
								</xsl:when>
								<xsl:otherwise>
									<div class="preview sls_resize_container">
										<div class="desktop">
											<a href="{project_url}" title="" class="scroll_panel" rel="home_project_{project_id}">
												<img class="sls_resize_visual" src="{project_home_desktop_img}" width="960" height="240" alt="" />
											</a>
										</div>
										<div class="tablet">
											<a href="{project_url}" title="" class="scroll_panel" rel="home_project_{project_id}">
												<img class="sls_resize_visual" src="{project_home_desktop_img}" alt="" width="800" height="240" />
											</a>
										</div>
									</div>
									<div class="description">
										<table>
											<tr>
												<td>
													<h2><xsl:value-of select="project_name" /></h2>
													<a href="{project_url}" title="" class="scroll_panel" rel="home_project_{project_id}">view project</a>
												</td>
											</tr>
										</table>
									</div>
								</xsl:otherwise>
							</xsl:choose>
						</div>
					</xsl:for-each>
				</div>

				<div id="quotes">
					<xsl:for-each select="//View/quotes/quote">
						<div class="quote">
							<div class="text"><xsl:value-of select="quote_content" disable-output-escaping="yes"/></div>
							<div class="author"><xsl:value-of select="quote_author" /></div>
						</div>
					</xsl:for-each>
				</div>
				<div id="home_feed">
					<ul>
						<xsl:for-each select="//View/instagram/item">
							<li>
								<img src="{item_img}" alt="" />
								<div class="hover">
									<div class="instagram"></div>
									<div class="text"><xsl:value-of select="item_content" /></div>
									<a target="_blank" href="{//Statics/Site/Various/socials/social[1]/social_url}" title="">|||sls:lang:$GLOBALS[$GLOBALS['PROJECT_NAME']]['XSL']['HOME_INSTAGRAM_FOLLOW_ME']|||</a>
									<div class="clear"></div>
								</div>
							</li>
						</xsl:for-each>
					</ul>
					<div class="desktop">
						<div class="follow">
							<a href="" title="">|||sls:lang:$GLOBALS[$GLOBALS['PROJECT_NAME']]['XSL']['HOME_INSTAGRAM_FOLLOW_ME_ON']|||</a>
						</div>
					</div>
				</div>

				<xsl:call-template name="Footer" />
			</div>
		</div>

		<div id="panel_contact" class="panel ">
			<div class="content" id="home_contact"></div>
		</div>
	</xsl:template>
</xsl:stylesheet>